body{ font-family:"微软雅黑", arial; font-size:1vw; line-height:150%; margin:0; padding:0; background:#ffffff; min-width:1200px;}
img{ width: 100%; height: auto; border:0; }
a{ color:#000000; text-decoration:none;}
a:hover{ color:#000000; text-decoration:underline;}
form{ margin:0; padding:0;}
input,select,textarea{ margin:0; padding:0.4vw 0.5vw; font-family:"微软雅黑"; font-size:1vw; vertical-align:middle;}

.input_error{ border:1px solid #ff0000; background:#fff7f7; color:#ff0000;}
.msg{ color:#ff0000;}
.remark{ color:#999999;}
.clear{ clear:both;}

/*****Picture*****/
.pic-bigger img{ transition-delay:0s; transition-duration:0.5s; transition-property:all; transition-timing-function:ease;
-moz-transition-delay:0s; -moz-transition-duration:0.5s; -moz-transition-property:all; -moz-transition-timing-function:ease;
-webkit-transition-delay:0s; -webkit-transition-duration:0.5s; -webkit-transition-property:all; -webkit-transition-timing-function:ease;
-o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pic-bigger:hover img{ transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2);}

.template{ display:none;}

/*****Head*****/
.head{ width:100%; height:auto; clear:both; position: absolute; top: 0; left: 0; z-index: 1000;}
.head .head_bg{ width: 100%; height: 25vw; clear: both; _background: none; background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0));}
.head .cot{ width:100%; height:6vw; margin:0 auto; clear:both; position: absolute; top: 0; left: 0; z-index: 100; border-bottom: 1px solid #ffffff; box-sizing: border-box;}
.head .cot .logo{ width:25vw; height:auto; padding: 1.5vw 0 0 2.5vw; float:left; font-size:0; line-height:0;}
.head .cot .nav{ width:auto; height:3vw; clear:both; position:absolute; top:3vw; right:2.5vw;}
.head .cot .nav .li{ width:auto; height:100%; margin-left:2vw; float:left; font-size:1vw; color:#005bac; font-weight: bold; position:relative;}
.head .cot .nav .li a{ display:inline-table; width:auto; height:100%; color:#005bac; text-decoration:none;}
.head .cot .nav .li a:hover{ color:#00386a;}
.head .cot .nav .li a .line{ display:none;}
.head .cot .nav .li-on{ color:#00386a;}
.head .cot .nav .li-on a{ color:#00386a;}
.head .cot .nav .li-on a .line{ display:block; width:100%; height:0.25vw; clear:both; background:#005bac; position:absolute; bottom:0; left:0; font-size:0; line-height:0;}
.head .cot .nav .li .nav-sub{ width:auto; height:auto; padding-top:1.4vw; clear:both; position:absolute; top:3vw; left:0; z-index:1; overflow:hidden; display:none;}
.head .cot .nav .li .nav-sub .pic{ width:8vw; height:auto; margin-top: 0.4vw; float:left; font-size:0; line-height:0; border-radius: 0.3vw; overflow: hidden;}
.head .cot .nav .li .nav-sub .txt{ width:17vw; height:auto; float:left;}
.head .cot .nav .li .nav-sub .txt .tli{ width:auto; height:auto; padding-left:1.5vw; float:left; font-size:0.9vw; color:#ffffff; line-height:200%; font-weight: normal;}
.head .cot .nav .li .nav-sub .txt .tli a{ height:auto; color:#ffffff;}
.head .cot .nav .li .nav-sub .txt .tli a:hover{ font-weight: bold;}
.head-clear{ width:auto; height:0; clear:both;}
.nav_bg{ width:100%; height:10.5vw; clear:both; position:absolute; top:6vw; left:0; z-index: 10; _background:#025cad; background-image:-webkit-linear-gradient(left,rgba(2,92,172,0),rgba(2,92,172,1)); display:none;}

/*****Foot*****/
.foot{ width:100%; height:auto; margin:4vw auto 0 auto; clear:both; background:#f1f1f1; border-top:1px solid #dddddd;}
.foot .nav-qrcode{ width:90%; height:auto; margin:0 auto; padding-top:1.8vw; clear:both; overflow:hidden;}
.foot .nav{ width:auto; height:auto; float:left;}
.foot .nav .li{ width:auto; max-width: 7vw; height:auto; padding-right:2.8vw; float:left;}
.foot .nav .li .lt{ width:auto; height:auto; clear:both; font-size:1vw; color:#333333; font-weight:bold;}
.foot .nav .li .lt a{ color:#333333;}
.foot .nav .li .lc{ width:auto; height:auto; padding-top:0.6vw; clear:both;}
.foot .nav .li .lc .l-li{ width:auto; height:auto; padding:0.2vw 0; clear:both; font-size:0.9vw; color:#666666;}
.foot .nav .li .lc .l-li a{ color:#666666;}
.foot .qrcode{ width:auto; height:auto; padding-top:0.3vw; float:right;}
.foot .qrcode .li{ width:7.5vw; height:auto; padding-left:2vw; float:left;}
.foot .qrcode .li .pic{ width:100%; height:auto; margin:0 auto; clear:both; font-size:0; line-height:0;}
.foot .qrcode .li .txt{ width:100%; height:auto; margin:0 auto; padding-top:0.3vw; clear:both; text-align:center; font-size:0.9vw; color:#000000;}
.foot .copyright{ width:100%; height:auto; margin-top:4vw; clear:both; background:#000000;}
.foot .copyright .cot{ width:100%; height:auto; margin:0 auto; padding:1.5vw 0; clear:both; text-align:center; font-size:0.8vw; color:#888888; line-height:180%;}
.foot .copyright .cot img{ vertical-align:middle;}
.foot .copyright .cot a{ color:#888888;}

/*****Main*****/
.banner{ width:100%; height:auto; clear:both; position:relative; overflow:hidden;}
.banner .cot{ width:100%; height:auto; clear:both; position:absolute; top:0; left:0;}
.banner .cot .li{ width:100%; height:auto; clear:both; font-size:0; line-height:0;}
.banner-sub{ height:auto;}
.banner-sub .cot{ height:auto; position: static;}
.banner-sub .cot .li{ height:auto;}

.case-bg{ width: 100%; height: 100%; clear: both; position: fixed; top: 0; left: 0; background: url(../image/case_bg.jpg) center no-repeat; background-size:100% 100%; font-size: 0; line-height: 0;}
.wrap{ width:100%; height:auto; margin:0 auto; clear:both; position:absolute; top: 0; left: 0; z-index: 2;}

.public-title{ width:90%; height:3vw; margin:0 auto; padding: 3.5vw 5% 0 5%; clear:both; position:relative; background: #ffffff;}
.public-title .title{ width:auto; height:auto; margin:0 auto; clear:both; font-size: 2.2vw; color: #005bac; font-weight: bold;}
.public-title .line{ width:3.8vw; height:0.5vw; clear:both; position: absolute; left: 5%; bottom: -0.25vw; background: #005bac; border-radius: 0.5vw; font-size:0; line-height:0;}

.news{ width: 100%; height: auto; margin: 0 auto; clear: both; background: #ffffff;}
.news .cot{ width: 90%; height: auto; margin: 0 auto; padding-top: 2vw; clear: both; overflow: hidden;}
.news .cot .pics{ width: 30vw; height: auto; float: left; position: relative;}
.news .cot .pics .li{ width: 100%; height: auto; clear: both;}
.news .cot .pics .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}
.news .cot .pics .li .pic{ width: 100%; height: 21.5vw; clear: both; font-size: 0; line-height: 0; overflow: hidden;}
.news .cot .pics .li .pic img{ width: 100%; height: auto; min-height: 21.5vw;}
.news .cot .pics .li .txt{ width: 100%; height: auto; padding-top: 0; clear: both;}
.news .cot .pics .li .txt .t-tit{ width: 100%; height: auto; margin: 0 auto; padding-top: 1vw; clear: both; font-size: 1.5vw; color: #005bac; font-weight: bold;}
.news .cot .pics .li .txt .t-cot{ width: 100%; height: auto; margin: 0 auto; padding-top: 0.7vw; clear: both; font-size: 1vw; color: #888888; line-height: 150%;}
.news .cot .pics .li a:hover .txt .t-tit{ color: #ff0000;}
.news .cot .pics .drop{ width: auto; height: auto; clear: both; position: absolute; top: 19.5vw; right: 1.2vw; z-index: 1;}
.news .cot .pics .drop .dli{ width: 0.8vw; height: 0.8vw; margin-left: 0.6vw; float: left; background: #ffffff; border-radius: 0.8vw; font-size: 0; line-height: 0; cursor: pointer;}
.news .cot .pics .drop .dli-on{ width: 2vw; background:#005bac;}
.news .cot .list{ width: 36vw; height: auto; padding-left: 2.5vw; float: left;}
.news .cot .list .ltit{ width: 100%; height: 2.5vw; clear: both; border-bottom: 1px solid #cccccc;}
.news .cot .list .ltit .tli{ width: auto; height: 2.5vw; margin-right: 2.5vw; float: left; font-size: 1.3vw; color: #888888; position: relative;}
.news .cot .list .ltit .tli a{ color: #888888; text-decoration: none;}
.news .cot .list .ltit .tli a:hover{ color: #005bac;}
.news .cot .list .ltit .tli .line{ width: 2vw; height: 0.4vw; clear: both; position: absolute; left: 50%; bottom: -0.2vw; margin-left: -1vw; background: #005bac; border-radius: 0.4vw; font-size: 0; line-height: 0; display: none;}
.news .cot .list .ltit .tli-on{ font-size: 1.5vw; color: #005bac; font-weight: bold;}
.news .cot .list .ltit .tli-on a{ color: #005bac;}
.news .cot .list .ltit .tli-on .line{ display: block;}
.news .cot .list .lcot{ width: 100%; height: auto; clear: both;}
.news .cot .list .lcot .l-hot{ width: 100%; height: auto; padding-top: 1.2vw; clear: both; font-size: 2vw; color: #ff0000; font-weight: bold; line-height: 125%;}
.news .cot .list .lcot .l-hot a{ color: #ff0000;}
.news .cot .list .lcot .l-list{ width: 100%; height: auto; padding-top: 1.2vw; clear: both;}
.news .cot .list .lcot .l-list-hot{ padding-top: 0.3vw;}
.news .cot .list .lcot .l-list .li{ width: 100%; height: auto; padding: 0.55vw 0; clear: both; border-top: 1px dashed #dddddd; font-size: 1vw; overflow: hidden;}
.news .cot .list .lcot .l-list .li:first-child{ border-top: 0;}
.news .cot .list .lcot .l-list .li span{ float: right;}
.news .cot .special{ width: 17.5vw; height: auto; float: right;}
.news .cot .special .li{ width: 100%; height: auto; padding-bottom: 1vw; clear: both; font-size: 0; line-height: 0; overflow: hidden;}

.business{ width: 100%; height: auto; margin: 0 auto; padding-bottom: 1vw; clear: both; background: #ffffff;}
.business .cot{ width: 90%; height: 30vw; margin: 2vw auto 0 auto; clear: both; overflow: hidden; position: relative;}
.business .cot .li{ width: auto; height: auto; clear: both; position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; overflow: hidden;}
.business .cot .li a{ display: block; width: 100%; height: 100%;}
.business .cot .li .shade{ width: 100%; height: 100%; clear: both; position: absolute; top: 0; left: 0; z-index: 1; background: #000000; opacity: 0.4;}
.business .cot .li .txt{ width: auto; height: auto; padding: 1vw 1.5vw 1.2vw 1.5vw; clear: both; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;}
.business .cot .li .txt .t-tit{ width: 100%; height: auto; margin: 0 auto; clear: both; font-size: 1.5vw; color: #ffffff; font-weight: bold; line-height: 100%;}
.business .cot .li .txt .t-cot{ width: 100%; height: auto; margin: 0 auto; padding-top: 0.5vw; clear: both; font-size: 1vw; color: #ffffff; line-height: 150%; display: none;}
.business .cot .li-on .shade{ display: none;}
.business .cot .li-on .txt{ background: #005bac;}
.business .cot .li-on .txt .t-cot{ display: block;}
.business .cot .li1{ width: 30vw; height: 30vw; top: 0; left: 0;}
.business .cot .li2{ width: 20vw; height: 15vw; top: 0; left: 30vw;}
.business .cot .li3{ width: 40vw; height: 15vw; top: 0; left: 50vw;}
.business .cot .li4{ width: 20vw; height: 15vw; top: 15vw; left: 30vw;}
.business .cot .li5{ width: 20vw; height: 15vw; top: 15vw; left: 50vw;}
.business .cot .li6{ width: 20vw; height: 15vw; top: 15vw; left: 70vw;}

.case{ width: 100%; height: auto; margin: 0 auto; padding-bottom: 3vw; clear: both;}
.case .cot{ width: 90%; height: auto; margin: 0 auto; clear: both; overflow: hidden;}
.case .cot .pics{ width: 100%; height: auto; padding-top: 3vw; clear: both;}
.case .cot .pics .li{ width: 21.2vw; height: 23.5vw; margin-right: 1.46vw; float: left; background: #ffffff;}
.case .cot .pics .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}
.case .cot .pics .li .pic{ width: 100%; height: 17.5vw; clear: both; font-size: 0; line-height: 0; overflow: hidden;}
.case .cot .pics .li .pic img{ width: 100%; height: auto; min-height: 17.5;}
.case .cot .pics .li .txt{ width: 88%; height: auto; margin: 0 auto; padding-top: 0.7vw; clear: both; background: #ffffff; font-size: 1.4vw; color: #000000; font-weight: bold; line-height: 135%;}
.case .cot .pics .li a:hover .txt{ color: #005bac;}
.case .cot .more{ width: 100%; height: auto; padding-top: 2.5vw; clear: both; text-align: center;}
.case .cot .more .arrow-left{ display: inline-table; width: 2.5vw; height: 2.5vw; background: url(../image/more_arrow_left.png) center no-repeat #ffffff; border: 1px solid #005bac; vertical-align: top; cursor: pointer;}
.case .cot .more .arrow-left a{ display: block; width: 100%; height: 100%;}
.case .cot .more .txt{ display: inline-table; width: auto; height: 2.5vw; line-height: 2.5vw; margin: 0 1vw; background: #ffffff; border: 1px solid #005bac; font-size: 1vw; color: #005bac;}
.case .cot .more .txt a{ display: block; width: auto; height: 100%; padding: 0 1.5vw; color: #005bac; text-decoration: none;}
.case .cot .more .txt a:hover{ background: #005bac; color: #ffffff;}
.case .cot .more .arrow-right{ display: inline-table; width: 2.5vw; height: 2.5vw; background: url(../image/more_arrow_right.png) center no-repeat #ffffff; border: 1px solid #005bac; vertical-align: top; cursor: pointer;}
.case .cot .more .arrow-right a{ display: block; width: 100%; height: 100%;}

.other{ width: 100%; height: auto; margin: 0 auto; clear: both; background: #ffffff;}
.other .cot{ width: 90%; height: auto; margin: 0 auto; padding-top: 2vw; clear: both; overflow: hidden;}
.other .cot .hot{ width: 50vw; height: auto; padding: 0 2vw 0 0; float: left; border-right: 1px solid #eeeeee; overflow: hidden;}
.other .cot .hot .pic{ width: 25vw; height: auto; max-height: 20vw; float: left; font-size: 0; line-height: 0; overflow: hidden;}
.other .cot .hot .txt{ width: 23vw; height: auto; margin-top: -0.3vw; float: right;}
.other .cot .hot .txt .t-tit{ width: 100%; height: auto; clear: both; font-size: 1.5vw; color: #005bac; line-height: 135%; font-weight: bold;}
.other .cot .hot .txt .t-tit a{ color: #005bac; text-decoration: none;}
.other .cot .hot .txt .t-tit a:hover{ color: #ff0000;}
.other .cot .hot .txt .t-date{ width: 100%; height: auto; padding-top: 0.5vw; clear: both; font-size: 1.1vw; color: #005bac;}
.other .cot .hot .txt .t-abstract{ width: 100%; height: auto; padding-top: 0.8vw; clear: both; font-size: 1vw; color: #888888; line-height: 170%;}
.other .cot .list{ width: 35vw; height: auto; margin-top: -0.7vw; float: right;}
.other .cot .list .li{ width: 100%; height: auto; padding: 0.55vw 0; clear: both; border-top: 1px dashed #dddddd; font-size: 1vw; overflow: hidden;}
.other .cot .list .li:first-child{ border-top: 0;}
.other .cot .list .li span{ float: right;}
.other-clear{ height: 4vw; clear: both; background: #ffffff; font-size: 0; line-height: 0;}

.other2 .cot .hot{ padding: 0 0 0 1.8vw; float: right; border-left: 1px solid #eeeeee; border-right:0;}
.other2 .cot .hot .pic{ float: right;}
.other2 .cot .hot .txt{ float: left;}
.other2 .cot .list{ float: left;}

/*****Sub*****/
.sub{ width:100%; height:auto; margin:0 auto; clear:both; background: #ffffff; position:relative;}
.sub .sub-title{ width: 90%; height: 6.5vw; margin: 0 auto; clear: both; position: absolute; top: -6.5vw; left: 5%; z-index: 10; background: #ffffff;}
.sub .sub-title .tit{ width: auto; height: auto; line-height: 6.5vw; padding-left: 2vw; float: left; font-size: 2.5vw; color: #005bac; font-weight: bold; position: relative;}
.sub .sub-title .tit .en{ width: auto; height: auto; clear: both; position: absolute; top: 0.8vw; left: 6vw; font-size: 2.8vw; color: #005bac; line-height: 100%; font-weight: bold; opacity: 0.1; text-transform: uppercase; white-space:nowrap;}
.sub .sub-title .position{ width:auto; height:auto; line-height: 6.5vw; clear:both; position:absolute; top:0; right:2vw; z-index:1; font-size:1vw; color:#888888; font-weight: 500;}
.sub .sub-title .position a{ color:#888888;}
.sub .sub-title .position a:hover{ color:#005bac; text-decoration:underline;}
.sub .sub-title .position span{ padding:0 0.5vw;}

.sub .menu{ width:100%; height:auto; margin: 0 auto 2.2vw 0; clear: both; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.sub .menu .mcot{ width: 90%; height: 3.5vw; margin: 0 auto; clear: both;}
.sub .menu .mcot .li{ width: 13vw; height: 3.5vw; line-height: 3.5vw; float: left; border-right: 1px solid #eeefee; text-align: center; font-size: 1.2vw; color: #888888; position: relative;}
.sub .menu .mcot .li a{ display: block; width: 100%; height: 100%; color: #888888; text-decoration: none;}
.sub .menu .mcot .li a:hover{ color: #005bac;}
.sub .menu .mcot .li-on{ background-image:-webkit-linear-gradient(left,rgb(0,57,107),rgb(0,90,170)); color: #ffffff; font-weight: bold;}
.sub .menu .mcot .li-on a{ color: #ffffff;}
.sub .menu .mcot .li-on a:hover{ color: #ffffff;}
.sub .menu .mcot .mcot-sub{ width: auto; height: auto; clear: both; position: absolute; top: 3.5vw; left: 0; overflow: hidden; white-space:nowrap;}
.sub .menu .mcot .mcot-sub .sli{ display: inline-table; width: auto; height: auto; padding: 0.3vw 2vw 0 0; font-size: 1.1vw; color: #888888; font-weight: normal;}
.sub .menu .mcot .mcot-sub .sli a{ display: initial; color: #888888; text-decoration: none;}
.sub .menu .mcot .mcot-sub .sli a:hover{ color: #005bac;}
.sub .menu .mcot .mcot-sub .sli-on{ color: #005bac; font-weight: bold;}
.sub .menu .mcot .mcot-sub .sli-on a{ color: #005bac;}
.sub .menu .mcot .mcot-sub .sli-on a:hover{ color: #005bac;}

.sub .content{ width:80%; height:auto; margin: 0 auto; padding: 0 0 4vw 0; clear: both; overflow: hidden;}
.sub .content .cot{ width:100%; height:auto; margin:0 auto; padding:3vw 0 0 0; clear:both; font-size:1.2vw; color:#000000; line-height:170%; overflow:hidden;}
.sub .content .cot img{ width: auto; height: auto;}
.sub .content .cot p{ margin: 0; padding: 0 0 1vw 0;}

/*****News*****/
.sub .s-news{ width:100%; height:auto; margin:0 auto; clear:both;}
.sub .s-news .li{ width:100%; height:auto; clear:both; border-bottom:1px solid #eeeeee; overflow:hidden;}
.sub .s-news .li a{ display:block; width:100%; height:100%; padding:1.8vw 0; overflow:hidden; text-decoration:none;}
.sub .s-news .li .pic{ width:15vw; height:auto; max-height:15vw; float:left; overflow:hidden; font-size:0; line-height:0;}
.sub .s-news .li .pic img{ width:100%;}
.sub .s-news .li .txt{ width:62vw; height:auto; padding-right:0; float:right;}
.sub .s-news .li .txt .title{ width:100%; height:auto; margin-top:-0.3vw; clear:both; text-align:justify; font-size:1.4vw; color:#000000;}
.sub .s-news .li .txt .time{ width:100%; height:auto; padding-top:0.2vw; clear:both; font-size:0.9vw; color:#cccccc;}
.sub .s-news .li .txt .time span{ padding-right:1vw;}
.sub .s-news .li .txt .abstract{ width:100%; height:auto; padding-top:0.8vw; clear:both; text-align:justify; font-size:1vw; color:#888888; line-height:170%;}
.sub .s-news .li:hover .txt .title{ color:#005bac; font-weight:bold;}

.sub .s-details{ width:100%; height:auto; clear:both; overflow:hidden;}
.sub .s-details .n-tit{ width:100%; height:auto; clear:both; text-align:center; font-size:2vw; color:#005bac; font-weight: bold; line-height:140%;}
.sub .s-details .n-time{ width:100%; height:auto; padding-top:0.8vw; clear:both; text-align:center; font-size:1vw; color:#888888;}
.sub .s-details .n-time span{ padding:0 0.5vw;}
.sub .s-details .n-cot{ width:100%; height:auto; padding-top:2vw; clear:both; text-align:justify; font-size:1.2vw; color:#000000; line-height:170%; overflow:hidden;}
.sub .s-details .n-cot img{ width: auto; height: auto;}
.sub .s-details .n-cot p{ margin: 0; padding: 0 0 1vw 0;}

.sub .s-details .n-share{ width:auto; height:3.5vw; padding-top:1vw; clear:both; float:right; font-size: 1vw;}
.sub .s-details .n-more{ width:100%; height:auto; margin:1vw auto 0 auto; padding-top:1.5vw; clear:both; border-top:1px solid #dddddd;}
.sub .s-details .n-more .li{ width:100%; height:auto; padding:0.1vw 0; clear:both; font-size:1vw; color:#888888;}
.sub .s-details .n-more .li a{ color:#888888;}

/*****Pics*****/
.sub .s-pic{ width:100%; height:auto; padding-top: 1vw; clear:both; position:relative;}
.sub .s-pic .li{ width:17.4vw; height:auto; margin:1vw 0; padding:0 1.2vw 0 1.2vw; float:left;}
.sub .s-pic .li a{ display:block; width:100%; height:100%; text-decoration:none;}
.sub .s-pic .li .pic{ width:100%; height:16vw; clear:both; font-size:0; line-height:0; overflow:hidden;}
.sub .s-pic .li .pic img{ width:100%; height:auto; min-height: 16vw;}
.sub .s-pic .li .txt{ width:100%; height:auto; padding-top:0.7vw; clear:both; text-align:center; font-size: 1.2vw; color: #000000;}
.sub .s-pic .li a:hover .txt{ color:#005bac;}






/*****Search*****/
.sub-search{ width:100%; height:auto; margin:0 auto; clear:both; background:#ffffff;}
.sub-search .cot{ width:80%; height:4.5vw; margin:0 auto; clear:both; background:#f3f3f3;}
.sub-search .cot input{ width:80%; height:4.5vw; line-height:4.5vw; margin:0; padding:0 1.5vw; float:left; font-size:1.2vw; color:#000000; border:0; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.sub-search .cot .but{ width:15%; height:4.5vw; float:right; background:url(../image/search.png) center no-repeat #cccccc; font-size:0; line-height:0;}
.sub-search .cot .but a{ display:block; width:100%; height:100%;}






/*****Feedback*****/
.feedback{ width:100%; height:auto; margin:0 auto; padding:0.5vw 0 2vw 0; clear:both;}
.feedback .f-exp{ width:100%; height:auto; margin:0 auto; clear:both; font-size:1vw; color:#ff0000;}
.feedback .f-cot{ width:100%; height:auto; margin:0 auto; padding-top:1vw; clear:both; font-size:1vw; color:#000000; line-height:170%; overflow:hidden;}

/*****Form*****/
.form .li{ width:100%; height:auto; padding-bottom:1vw; clear:both;}
.form .li .ftit{ width:100%; height:auto; padding-bottom:0.5vw; clear:both; font-size:1vw;}
.form .li .ftit span{ color:#FF0000;}
.form .li .input{ width:80%; height:auto; padding:0.5vw 0.6vw; clear:both; background:#fcfcfc; border:1px solid #dddddd;}
.form .li .short{ width:10vw;}
.form .li .input textarea{ width:100%; height:10vw; padding:0; border:0; background:none; font-size:1vw; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.form .li .input input{ width:100%; height:1.8vw; line-height:1.8vw; border:0; background:none; font-size:1vw; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.form .li .input select{ width:100%; height:1.8vw; line-height:1.5vw; border:0; background:none; font-size:1vw; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0; border:none; border-style:none; text-shadow:none; outline-color:transparent;}
.form .li .input select.small{ width:10vw; margin-right:1vw;}
.form .li .upload{ width:100%; height:auto; clear:both; overflow:hidden;}
.form .li .upload .pli{ width:6vw; height:6vw; line-height:6vw; margin-right:1vw; float:left; border:1px solid #dddddd; text-align:center; font-size:4vw; color:#eeeeee; font-family:iconfont; cursor:pointer; overflow:hidden; position:relative;}
.form .li .upload .pli:hover{ color:#cccccc;}
.form .li .upload .pli img{ width:100%; height:100%;}
.form .but{ width:12vw; height:3.2vw; line-height:3.2vw; margin-top:1.2vw; float:left; background:#005bac; text-align:center; font-size:1.2vw; color:#ffffff; cursor:pointer;}
.form .but:hover{ background:#f88400; transition:all ease-in 0.1s;}

/*****Page*****/
.page{ width:100%; height:auto; margin:0; padding-top:3vw; clear:both; font-size:1vw;}
.page a{ display:inline-table; padding:0.5vw 0.9vw; margin:0 0.7vw 0 0; background:#cccccc; text-align:center; color:#ffffff; text-decoration:none;}
.page a:hover{ background:#005bac;}
.page a.on{ background:#005bac; color:#ffffff;}
.page span{ display:inline-table; margin:0 0.7vw 0 0;}


ul,li{ margin:0; padding:0; list-style-type:none;}


/*信息提示*/
.message{ width:auto; height:auto; padding:15vw 0; clear:both; background: #ffffff;}
.message .icon{ width:3vw; height:3vw; margin:0 auto; clear:both; font-size:0;}
.message .text{ width:auto; height:auto; padding-top:1vw; clear:both; text-align:center; font-size:1.5vw;}
.message .text span{ display:block; padding-top:1vw; font-size:1vw; color:#888888; line-height:125%;}
.message .text span a{ color:#888888;}